<template>
  <div class="shezhi">
    <div class="shezhi-head">
      <span @click="$router.go(-1)"
        ><img src="../assets/image/ic_back_dark_center.png" alt=""
      /></span>
      <span>设置</span>
    </div>

    <div class="list">
      <div class="my" @click="$router.push({ path: '/dlzong' })">
        <span>账号设置</span>
        <svg
          t="1637065976619"
          class="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="2471"
          width="20"
          height="20"
        >
          <path
            d="M283.648 174.081l57.225-59.008 399.479 396.929-399.476 396.924-57.228-59.004 335.872-337.92z"
            p-id="2472"
            fill="#ccc"
          ></path>
        </svg>
      </div>
      <div class="my">
        <span>清除缓存</span>
        <div>
          <span>2.5M</span>
          <svg
            t="1637065976619"
            class="icon"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="2471"
            width="20"
            height="20"
          >
            <path
              d="M283.648 174.081l57.225-59.008 399.479 396.929-399.476 396.924-57.228-59.004 335.872-337.92z"
              p-id="2472"
              fill="#ccc"
            ></path>
          </svg>
        </div>
      </div>
      <div class="my">
        <span>投诉与建议</span>
        <svg
          t="1637065976619"
          class="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="2471"
          width="20"
          height="20"
        >
          <path
            d="M283.648 174.081l57.225-59.008 399.479 396.929-399.476 396.924-57.228-59.004 335.872-337.92z"
            p-id="2472"
            fill="#ccc"
          ></path>
        </svg>
      </div>
      <div class="my">
        <span>评个分吧</span>
        <svg
          t="1637065976619"
          class="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="2471"
          width="20"
          height="20"
        >
          <path
            d="M283.648 174.081l57.225-59.008 399.479 396.929-399.476 396.924-57.228-59.004 335.872-337.92z"
            p-id="2472"
            fill="#ccc"
          ></path>
        </svg>
      </div>
      <div class="my">
        <span>分享薄荷营养师</span>
        <svg
          t="1637065976619"
          class="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="2471"
          width="20"
          height="20"
        >
          <path
            d="M283.648 174.081l57.225-59.008 399.479 396.929-399.476 396.924-57.228-59.004 335.872-337.92z"
            p-id="2472"
            fill="#ccc"
          ></path>
        </svg>
      </div>
      <div class="my">
        <a href="http://one.boohee.com/store/pages/food_user_privacy">用户协议</a>
        <svg
          t="1637065976619"
          class="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="2471"
          width="20"
          height="20"
        >
          <path
            d="M283.648 174.081l57.225-59.008 399.479 396.929-399.476 396.924-57.228-59.004 335.872-337.92z"
            p-id="2472"
            fill="#ccc"
          ></path>
        </svg>
      </div>
      <div class="my">
        <a href="https://one.boohee.com/store/pages/food_privacy_2021">隐私政策</a>
        <svg
          t="1637065976619"
          class="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="2471"
          width="20"
          height="20"
        >
          <path
            d="M283.648 174.081l57.225-59.008 399.479 396.929-399.476 396.924-57.228-59.004 335.872-337.92z"
            p-id="2472"
            fill="#ccc"
          ></path>
        </svg>
      </div>
    </div>

    <div class="shezhi-foot">
        <span>薄荷营养师v3.1.7</span>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
.shezhi {
  width: 100%;
  position: relative;
  .shezhi-head {
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ccc;
    margin-bottom: 21px;
    padding: 10px 5px;
    // justify-content:space-between;
    span {
      &:nth-of-type(1) {
        // margin-top: 2px;
        padding-left: 3px;
        img {
          padding-top: 4px;
          width: 30px;
          height: 30px;
        }
      }
      &:nth-of-type(2) {
        height: 100%;
        font-size: 17px;
      }
    }
  }

  .list {
    .my {
      width: 100%;
      padding: 10px 10px 10px 20px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      &:nth-of-type(2) {
        div {
          display: flex;
          align-items: center;
          span {
            color: #ccc;
          }
        }
      }
    }
  }
  .shezhi-foot{
      position: absolute;
      left: 35%;
      bottom: -280px;
      color: #CCC;
      font-size: 12px;
  }
}
a{
  color: #000;
  
}
</style>